<div class="indexbox_title cygjtabs" style="position: relative;display: flex">
		<strong class="tabcheck-tools current" data-id="cygj">常用工具</strong>
		<strong class="tabcheck-tools" data-id="bbcj">Chrome必备插件</strong>
		<strong class="tabcheck-tools" data-id="ideacj">IDEA必备插件</strong>
		<strong class="tabcheck-tools" data-id="vscodecj">VSCode必备插件</strong>
</div>
<div class="categorytop default" id="catalog_cygj">
		<ul align="left" style="display: flex;flex-wrap: wrap;">
				<li>
						<img src="./static/img/index/tool/redhat.png" width="16">&nbsp;
						<a href="https://www.linuxcool.com/" target="_blank"
								style="color:#444 !important">
								Linux命令大全
						</a>
				</li>

				<li>
						<img src="./static/img/index/tool/lingdaima.ico" width="16">&nbsp;
						<a href="https://www.lingdaima.com/" target="_blank"
								style="color:#444 !important">
								零代码 网页布局设计
						</a>
				</li>
				<li>
						<img src="./static/img/index/tool/jQuery.ico" width="16">&nbsp;
						<a href="http://hemin.cn/jq/" target="_blank"
								style="color:#444 !important">
								jQuery 速查表
						</a>
				</li>
				<li>
						<img src="./static/img/index/tool/hexconvert.png" width="16">&nbsp;
						<a href="https://tool.lu/hexconvert/" target="_blank"
								style="color:#444 !important">
								进制转换
						</a>
				</li>
				<li>
						<img src="./static/img/index/tool/ip.png" width="16">&nbsp;
						<a href="https://tool.lu/ip/" target="_blank"
								style="color:#444 !important">
								IP地址查询
						</a>
				</li>
				<li>
						<img src="./static/img/index/tool/base64.png" width="16">&nbsp;
						<a href="https://tool.lu/base64image/" target="_blank"
								style="color:#444 !important">
								图片base64编码
						</a>
				</li>
				<li>
						<img src="./static/img/index/tool/code.png" width="16">&nbsp;
						<a href="https://tool.lu/coderunner/" target="_blank"
								style="color:#444 !important">
								在线代码测试
						</a>
				</li>
				<li>
						<img src="./static/img/index/tool/compare.ico" width="16">&nbsp;
						<a href="https://text-compare.com/zh-hans/" target="_blank"
								style="color:#444 !important">
								在线文本对比
						</a>
				</li>
				<li>
						<img src="./static/img/index/tool/oschina.ico" width="16">&nbsp;
						<a href="https://tool.oschina.net/regex/" target="_blank"
								style="color:#444 !important">
								正则表达式测试
						</a>
				</li>
				<li>
						<img src="./static/img/index/tool/down.png" width="16">&nbsp;
						<a href="https://tool.lu/urlconvert/" target="_blank"
								style="color:#444 !important">
								下载链接转换工具
						</a>
				</li>
				<li>
						<img src="./static/img/index/tool/cal.png" width="16">&nbsp;
						<a href="http://cal.apple886.com/" target="_blank"
								style="color:#444 !important">
								网上计算器
						</a>
				</li>
				<li>
						<img src="./static/img/index/tool/curl.png" width="16">&nbsp;
						<a href="https://tool.lu/curl/" target="_blank"
								style="color:#444 !important">
								curl命令转代码
						</a>
				</li>
				<li>
						<img src="./static/img/index/tool/zf.png" width="16">&nbsp;
						<a href="https://tool.lu/zhconvert" target="_blank"
								style="color:#444 !important">
								中文简繁体转换
						</a>
				</li>
				<li>
						<img src="./static/img/index/tool/dx.png" width="16">&nbsp;
						<a href="https://tool.gaodun.com/rmb.html" target="_blank"
								style="color:#444 !important">
								数字大写转换器
						</a>
				</li>
				<li>
						<img src="./static/img/index/tool/er.png" width="16">&nbsp;
						<a href="https://cli.im/" target="_blank" style="color:#444 !important">
								二维码制作工具
						</a>
				</li>
				<li>
						<img src="./static/img/index/tech/oschina.ico" width="16">&nbsp;
						<a href="https://tool.oschina.net/encrypt" target="_blank"
								style="color:#444 !important">
								加密解密
						</a>
				</li>
				<li>
						<img src="./static/img/index/tool/cron.png" width="16">&nbsp;
						<a href="https://www.matools.com/cron/" target="_blank"
								style="color:#444 !important">
								Cron表达式
						</a>
				</li>
				<li>
						<img src="./static/img/index/tool/ps.png" width="16">&nbsp;
						<a href="https://pixlr.com/cn/x/" target="_blank"
								style="color:#444 !important">
								在线PS
						</a>
				</li>
				<li>
						<img src="./static/img/index/tool/favorites.png" width="16">&nbsp;
						<a href="http://favorites.ren/" target="_blank"
								style="color:#444 !important">
								在线收藏网址
						</a>
				</li>
				<li>
						<img src="./static/img/index/tool/bf.ico" width="16">&nbsp;
						<a href="https://fanyi.baidu.com/translate" target="_blank"
								style="color:#444 !important">
								百度翻译
						</a>
				</li>
				<li>
						<img src="./static/img/index/tool/gf.png" width="16">&nbsp;
						<a href="https://translate.google.cn/" target="_blank"
								style="color:#444 !important">
								谷歌翻译
						</a>
				</li>
				<li>
						<img src="./static/img/index/tool/deepl.jpg" width="16">&nbsp;
						<a href="https://www.deepl.com/translator" target="_blank"
								style="color:#444 !important">
								DeepL翻译
						</a>
				</li>
				<li>
						<img src="./static/img/index/resources/wd.ico" width="16">&nbsp;
						<a href="https://www.eteste.com/" target="_blank"
								style="color:#444 !important">
								字数统计
						</a>
				</li>
				<li>
						<img src="./static/img/index/tool/convertio.ico" width="16">&nbsp;
						<a href="https://convertio.co/zh/" target="_blank"
								style="color:#444 !important">
								文件格式转换
						</a>
				</li>
				<li>
						<img src="./static/img/index/media/wx.ico" width="16">&nbsp;
						<a href="https://mp.weixin.qq.com/" target="_blank"
								style="color:#444 !important">
								公众号
						</a>
				</li>
				<li>
						<img src="./static/img/index/tool/sioe.ico" width="16">&nbsp;
						<a href="https://www.sioe.cn/yingyong/yanse-rgb-16/" target="_blank"
								style="color:#444 !important">
								颜色转化器
						</a>
				</li>
				<li>
						<img src="./static/img/index/tool/wechatsync.jpg" width="16">&nbsp;
						<a href="https://www.wechatsync.com/" target="_blank"
								style="color:#444 !important">
								文章同步助手
						</a>
				</li>
				<li>
						<img src="./static/img/index/tool/timestamp.png" width="16">&nbsp;
						<a href="https://tool.lu/timestamp/" target="_blank"
								style="color:#444 !important">
								时间戳转换 (Unix-北京)
						</a>
				</li>
				<li>
						<img src="./static/img/index/tool/epochConverter.jpg" width="16">&nbsp;
						<a href="https://www.epochconverter.com/" target="_blank"
								style="color:#444 !important">
								时间戳转换 (Unix-GMT，批量)
						</a>
				</li>

		</ul>
</div>
<div class="categorytop default" id="catalog_bbcj" style="display: none;">
		<ul align="left" style="display: flex;flex-wrap: wrap;">
				<li>
						<img src="./static/img/index/chrome/top-list.png" width="16">&nbsp;
						<a href="http://www.itmind.net/chrome?order=hot" target="_blank"
								style="color:red !important">
								热门插件列表
						</a>
				</li>
				<li>
						<img src="./static/img/index/chrome/top-list.png" width="16">&nbsp;
						<a href="https://chrome.zzzmh.cn/#/index" target="_blank"
								style="color:red !important">
								极简插件
						</a>
				</li>
				<li>
						<img src="./static/img/index/chrome/onetab.jpg" width="16">&nbsp;
						<a href="http://www.itmind.net/355.html" target="_blank"
								style="color:#444 !important">
								OneTab标签管理
						</a>
				</li>
				<li>
						<img src="./static/img/index/chrome/postman.svg" width="16">&nbsp;
						<a href="http://www.itmind.net/1334.html" target="_blank"
								style="color:#444 !important">
								Postman 网页调试
						</a>
				</li>
				<li>
						<img src="./static/img/index/study/github.svg" width="16">&nbsp;
						<a href="http://www.itmind.net/246.html" target="_blank"
								style="color:#444 !important">
								树形展示Github项目
						</a>
				</li>
				<li>
						<img src="./static/img/index/chrome/fe.png" width="16">&nbsp;
						<a href="http://www.itmind.net/1470.html" target="_blank"
								style="color:#444 !important">
								WEB前端助手
						</a>
				</li>
				<li>
						<img src="./static/img/index/chrome/json.jpg" width="16">&nbsp;
						<a href="http://www.itmind.net/2173.html" target="_blank"
								style="color:#444 !important">
								json-view 插件
						</a>
				</li>
				<li>
						<img src="./static/img/index/chrome/markdown.png" width="16">&nbsp;
						<a href="http://www.itmind.net/873.html" target="_blank"
								style="color:#444 !important">
								Markdown Here
						</a>
				</li>
				<li>
						<img src="./static/img/index/chrome/color.ico" width="16">&nbsp;
						<a href="http://www.itmind.net/992.html" target="_blank"
								style="color:#444 !important">
								网页取色插件
						</a>
				</li>
				<li>
						<img src="./static/img/index/chrome/abp.png" width="16">&nbsp;
						<a href="http://www.itmind.net/213.html" target="_blank"
								style="color:#444 !important">
								去除网页广告
						</a>
				</li>
				<li>
						<img src="./static/img/index/chrome/youdao.png" width="16">&nbsp;
						<a href="http://www.itmind.net/136.html" target="_blank"
								style="color:#444 !important">
								有道词典
						</a>
				</li>
				<li>
						<img src="./static/img/index/chrome/google.jpg" width="16">&nbsp;
						<a href="http://www.itmind.net/2991.html" target="_blank"
								style="color:#444 !important">
								Google翻译
						</a>
				</li>
				<li>
						<img src="./static/img/icon/github.jpg" width="16">&nbsp;
						<a href="http://www.itmind.net/217.html" target="_blank"
								style="color:#444 !important">
								GitHub 加速插件
						</a>
				</li>

				<li>
						<img src="./static/img/index/media/bili.ico" width="16">&nbsp;
						<a href="http://www.itmind.net/229.html" target="_blank"
								style="color:#444 !important">
								哔哩哔哩助手
						</a>
				</li>
				<li>
						<img src="./static/img/index/chrome/video.jpg" width="16">&nbsp;
						<a href="http://www.itmind.net/3092.html" target="_blank"
								style="color:#444 !important">
								视频下载插件
						</a>
				</li>
				<li>
						<img src="./static/img/index/tool/bf.ico" width="16">&nbsp;
						<a href="http://www.itmind.net/2553.html" target="_blank"
								style="color:#444 !important">
								百度文库复制
						</a>
				</li>
				<li>
						<img src="./static/img/index/chrome/monkey.png" width="16">&nbsp;
						<a href="http://www.itmind.net/6391.html" target="_blank"
								style="color:#444 !important">
								油猴Tampermonkey
						</a>
				</li>
				<li>
						<img src="./static/img/icon/http.png" width="16">&nbsp;
						<a href="http://www.itmind.net/6402.html" target="_blank"
								style="color:#444 !important">
								自动加HTTPS
						</a>
				</li>
				<li>
						<img src="./static/img/icon/github.jpg" width="16">&nbsp;
						<a href="http://www.itmind.net/6478.html" target="_blank"
								style="color:#444 !important">
								Githunt(GitHub神器)
						</a>
				</li>
				<li>
						<img src="./static/img/index/chrome/wecscraper.png" width="16">&nbsp;
						<a href="http://www.itmind.net/6418.html" target="_blank"
								style="color:#444 !important">
								网页数据抓取
						</a>
				</li>
				<li>
						<img src="./static/img/index/chrome/redux.png" width="16">&nbsp;
						<a href="http://www.itmind.net/6432.html" target="_blank"
								style="color:#444 !important">
								Redux调试插件
						</a>
				</li>
				<li>
						<img src="./static/img/icon/vue.png" width="16">&nbsp;
						<a href="http://www.itmind.net/6438.html" target="_blank"
								style="color:#444 !important">
								Vue.js调试插件
						</a>
				</li>
				<li>
						<img src="./static/img/index/chrome/chaoxi.png" width="16">&nbsp;
						<a href="http://www.itmind.net/6453.html" target="_blank"
								style="color:#444 !important">
								极简番茄钟
						</a>
				</li>
				<li>
						<img src="./static/img/icon/Google.png" width="16">&nbsp;
						<a href="http://www.itmind.net/6473.html" target="_blank"
								style="color:#444 !important">
								igg谷歌访问助手
						</a>
				</li>
				<li>
						<img src="./static/img/index/chrome/fatkun.jpg" width="16">&nbsp;
						<a href="http://www.itmind.net/6464.html" target="_blank"
								style="color:#444 !important">
								fatkun图片批量下载
						</a>
				</li>
		</ul>
</div>
<div class="categorytop default" id="catalog_ideacj" style="display: none;">
		<ul align="left" style="display: flex;flex-wrap: wrap;">
				<li>
						<img src="./static/img/index/idea/idea.png" width="16">&nbsp;
						<a href="http://www.itmind.net/7110.html" target="_blank"
								style="color:red !important">
								IDEA破解教程
						</a>
				</li>
				<li>
						<img src="./static/img/index/idea/lombok.png" width="16">&nbsp;
						<a href="http://www.itmind.net/4581.html" target="_blank"
								style="color:#444 !important">
								Lombok
						</a>
				</li>
				<li>
						<img src="./static/img/index/idea/mybatisx.png" width="16">&nbsp;
						<a href="https://www.oschina.net/p/mybatisx" target="_blank"
								style="color:#444 !important">
								MybatisX
						</a>
				</li>
				<li>
						<img src="./static/img/index/idea/letcode.png" width="16">&nbsp;
						<a href="http://www.itmind.net/4589.html" target="_blank"
								style="color:#444 !important">
								Leetcode
						</a>
				</li>
				<li>
						<img src="./static/img/index/idea/gitee.png" width="16">&nbsp;
						<a href="https://www.oschina.net/p/intellij-gitosc" target="_blank"
								style="color:#444 !important">
								Gitee
						</a>
				</li>
				<li>
						<img src="./static/img/index/idea/idea.png" width="16">&nbsp;
						<a href="http://www.itmind.net/4510.html" target="_blank"
								style="color:#444 !important">
								阿里巴巴 Java 代码规范
						</a>
				</li>
				<li>
						<img src="./static/img/index/idea/bashsupport.png" width="16">&nbsp;
						<a href="https://plugins.jetbrains.com/plugin/4230-bashsupport"
								target="_blank" style="color:#444 !important">
								BashSupport
						</a>
				</li>
				<li>
						<img src="./static/img/index/idea/ignore.png" width="16">&nbsp;
						<a href="https://plugins.jetbrains.com/plugin/7495--ignore"
								target="_blank" style="color:#444 !important">
								.​ignore
						</a>
				</li>
				<li>
						<img src="./static/img/index/idea/Translation.png" width="16">&nbsp;
						<a href="https://plugins.jetbrains.com/plugin/8579-translation"
								target="_blank" style="color:#444 !important">
								Translation
						</a>
				</li>
				<li>
						<img src="./static/img/index/idea/rainbow-brackets.png"
								width="16">&nbsp;
						<a href="https://plugins.jetbrains.com/plugin/10080-rainbow-brackets"
								target="_blank" style="color:#444 !important">
								Rainbow Brackets
						</a>
				</li>
				<li>
						<img src="./static/img/index/idea/key-promoter-x.png" width="16">&nbsp;
						<a href="https://plugins.jetbrains.com/plugin/9792-key-promoter-x"
								target="_blank" style="color:#444 !important">
								Key Promoter X
						</a>
				</li>
				<li>
						<img src="./static/img/index/idea/string-manipulation.png"
								width="16">&nbsp;
						<a href="https://plugins.jetbrains.com/plugin/2162-string-manipulation"
								target="_blank" style="color:#444 !important">
								String Manipulation
						</a>
				</li>

				<li>
						<img src="./static/img/index/idea/idea.png" width="16">&nbsp;
						<a href="https://plugins.jetbrains.com/plugin/7275-codeglance"
								target="_blank" style="color:#444 !important">
								CodeGlance
						</a>
				</li>

				<li>
						<img src="./static/img/index/idea/gsonformatplus.png" width="16">&nbsp;
						<a href="https://plugins.jetbrains.com/plugin/14949-gsonformatplus"
								target="_blank" style="color:#444 !important">
								GsonFormatPlus
						</a>
				</li>

				<li>
						<img src="./static/img/index/idea/idea.png" width="16">&nbsp;
						<a href="https://plugins.jetbrains.com/plugin/4509-statistic"
								target="_blank" style="color:#444 !important">
								Statistic
						</a>
				</li>

				<li>
						<img src="./static/img/index/idea/maven-helper.png" width="16">&nbsp;
						<a href="https://plugins.jetbrains.com/plugin/7179-maven-helper"
								target="_blank" style="color:#444 !important">
								Maven Helper
						</a>
				</li>
		</ul>
</div>
<div class="categorytop default" id="catalog_vscodecj" style="display: none;">
		<ul align="left" style="display: flex;flex-wrap: wrap;">
				<li>
						<img src="./static/img/index/vscode/vscode_icons.jpg" width="16">&nbsp;
						<a href="https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons"
								target="_blank" style="color:#444 !important">
								文件图标
						</a>
				</li>
				<li>
						<img src="./static/img/index/vscode/beautify.jpg" width="16">&nbsp;
						<a href="https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify"
								target="_blank" style="color:#444 !important">
								代码美化
						</a>
				</li>
				<li>
						<img src="./static/img/index/vscode/bookmarks.jpg" width="16">&nbsp;
						<a href="https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks"
								target="_blank" style="color:#444 !important">
								代码书签
						</a>
				</li>
				<li>
						<img src="./static/img/index/vscode/image_preview.jpg" width="16">&nbsp;
						<a href="https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview"
								target="_blank" style="color:#444 !important">
								图片预览
						</a>
				</li>
				<li>
						<img src="./static/img/index/vscode/todo_highlight.jpg"
								width="16">&nbsp;
						<a href="https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight"
								target="_blank" style="color:#444 !important">
								高亮TODO
						</a>
				</li>
				<li>
						<img src="./static/img/index/vscode/git_history.jpg" width="16">&nbsp;
						<a href="https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory"
								target="_blank" style="color:#444 !important">
								Git历史记录
						</a>
				</li>
				<li>
						<img src="./static/img/index/vscode/GitLens.jpg" width="16">&nbsp;
						<a href="https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens"
								target="_blank" style="color:#444 !important">
								GitLens
						</a>
				</li>
				<li>
						<img src="./static/img/index/vscode/intent_rainbow.jpg"
								width="16">&nbsp;
						<a href="https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow"
								target="_blank" style="color:#444 !important">
								彩虹缩进
						</a>
				</li>
				<li>
						<img src="./static/img/index/vscode/bracket_pair_colorizer.jpg"
								width="16">&nbsp;
						<a href="https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer"
								target="_blank" style="color:#444 !important">
								括号配对着色
						</a>
				</li>
				<li>
						<img src="./static/img/index/vscode/auto_close_tag.jpg"
								width="16">&nbsp;
						<a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag"
								target="_blank" style="color:#444 !important">
								自动闭合标记
						</a>
				</li>
				<li>
						<img src="./static/img/index/vscode/auto_rename_tag.jpg"
								width="16">&nbsp;
						<a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag"
								target="_blank" style="color:#444 !important">
								自动重命名标记
						</a>
				</li>
				<li>
						<img src="./static/img/index/vscode/code_spell_checker.jpg"
								width="16">&nbsp;
						<a href="https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker"
								target="_blank" style="color:#444 !important">
								代码拼写检查
						</a>
				</li>
				<li>
						<img src="./static/img/index/vscode/code_runner.jpg" width="16">&nbsp;
						<a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner"
								target="_blank" style="color:#444 !important">
								代码运行器
						</a>
				</li>
				<li>
						<img src="./static/img/index/vscode/jupyter.jpg"
								width="16">&nbsp;
						<a href="https://marketplace.visualstudio.com/items?itemName=ms-toolsai.jupyter"
								target="_blank" style="color:#444 !important">
								Jupyter
						</a>
				</li>
				<li>
						<img src="./static/img/index/vscode/drawio.jpg"
								width="16">&nbsp;
						<a href="https://marketplace.visualstudio.com/items?itemName=hediet.vscode-drawio"
								target="_blank" style="color:#444 !important">
								Draw.io
						</a>
				</li>
				<li>
						<img src="./static/img/index/vscode/ltex.jpg"
								width="16">&nbsp;
						<a href="https://marketplace.visualstudio.com/items?itemName=valentjn.vscode-ltex"
								target="_blank" style="color:#444 !important">
								LTeX
						</a>
				</li>
				<li>
						<img src="./static/img/index/vscode/todotree.jpg"
								width="16">&nbsp;
						<a href="https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree"
								target="_blank" style="color:#444 !important">
								TODO Tree
						</a>
				</li>
				<li>
						<img src="./static/img/index/vscode/betteralign.jpg"
								width="16">&nbsp;
						<a href="https://marketplace.visualstudio.com/items?itemName=wwm.better-align"
								target="_blank" style="color:#444 !important">
								Better Align
						</a>
				</li>
				<li>
						<img src="./static/img/index/vscode/leetcode.jpg"
								width="16">&nbsp;
						<a href="https://marketplace.visualstudio.com/items?itemName=LeetCode.vscode-leetcode"
								target="_blank" style="color:#444 !important">
								LeetCode
						</a>
				</li>
		</ul>
</div>
<script>
	$(function () {
	
	    $('.cygjtabs').find('strong').on('click', function () {
	
	        $('#catalog_' + $('.cygjtabs').find('.current').attr('data-id')).hide();
	
	        $('.cygjtabs').find('.current').removeClass('current');
	
	        $(this).addClass('current');
	
	        $('#catalog_' + $(this).attr('data-id')).show()
	
	    })
	
	})
</script>